/*表示部-UI関連はここに書く*/

var gUser = null; 			//ログインユーザー
var gTweetData = null;		//ツイートデータ
var gFavData = null;		//Favツイートデータ

function initializeUI(){
	initializeUser();	
}

function initializeUser(){
	getLoginedUser(function(data, dataType){
		gUser = data;
		//tweetタブの初期化
		initializeMyTweets();
		//mapタブの初期化
		initializeFav();
		//地図を表示してdisplay:noneにするとバグるらしい
		//requestPosition(initializeMap);
	})
}

/*
 * MyTweetタブの初期化
 */
function initializeMyTweets(){
	//$("#tweet").empty();
	var statusId = (gTweetData == null) ? 0 : gTweetData[gTweetData.length - 1]['Status']['id'];//一番最後のIDを付加
	var count = 10;
	
	$("#mytweet").append('<div id="tweet-loader" align="center"><img src="'+ WEB_ROOT + 'img/ajax-loader.gif"　align="middle"><div align="center">');
	getMyStatuses(function(data, dataType){
		$("#tweet-loader").remove();
		gTweetData = (gTweetData == null) ? data : gTweetData.concat(data);//nullでないならtweetを結合
		console.log(data);
		var list = '';
		for(index in data){
			list += '<div class="tweet_unit" data-theme="a" data-content-theme="a">';
			list += '<img src="' +data[index]['TwitterUser']['profile_image_url']+ '"/>';
			list += '<div class="right_tweet_area">';
			list += '<div class="username">' + data[index]['TwitterUser']['name'] + '</div>';			
			list += '<div class="tweet">' +data[index]['Status']['text']+ '</div>';
			list += '<div class="buttom_line"><div class="address">' +data[index]['Location']['Address']['name']+ '</a>より</div>';
			list += '</div><div style="clear:both;"></div></div>';
			list += '</div>';
		}
		if(data.length != 0){
			list += '<div id="more_unit" class="tweet_unit" data-theme="a" data-content-theme="a">';
			list += '<div class="more">もっと読み込む</div></div>'
		}
		$("#mytweet").append(list);
		$("#more_unit").click(function(){
			$("#more_unit").remove();
			initializeMyTweets();
		});
		/*
		$("#tweet").hide();
		$("#tweet").slideDown("slow");*/
	},
	null,
	statusId,
	count);
}

/*
 * MyTweetタブの初期化
 */
function initializeFav(){
	//$("#tweet").empty();
	var favId = (gFavData == null) ? 0 : gFavData[gFavData.length - 1]['Favorite']['id'];//一番最後のIDを付加
	var count = 5;
	
	$("#fav").append('<div id="fav-tweet-loader" align="center"><img src="'+ WEB_ROOT + 'img/ajax-loader.gif"　align="middle"><div align="center">');
	getMyFavStatuses(function(data, dataType){
		$("#fav-tweet-loader").remove();
		gFavData = (gFavData == null) ? data : gFavData.concat(data);//nullでないならtweetを結合
		console.log(data);
		var list = '';
		for(index in data){

			list += '<div class="tweet_unit" data-theme="a" data-content-theme="a">';
			list += '<img src="' +data[index]['TwitterUser']['profile_image_url']+ '"/>';
			list += '<div class="right_tweet_area">';
			list += '<div class="username">' + data[index]['TwitterUser']['name'] + '</div>';			
			list += '<div class="tweet">' +data[index]['Status']['text']+ '</div>';
			list += '<div class="buttom_line"><div class="address">' +data[index]['Location']['Address']['name']+ '</a>より</div>';
			var	actionUrl = WEB_ROOT + 'favorites/del/' + data[index]['Favorite']['id'] + '/profile/';
			var	imgUrl = WEB_ROOT + 'img/star--minus.png';
			var	inner = 'お気に入りから削除';
			list += '<div class="star"><a href="' + actionUrl + '" data-ajax="false">';
			list += '<img src="' + imgUrl + '" />' + inner + '</a></div>';
			list += '</div><div style="clear:both;"></div></div>';
			list += '</div>';
		}
		if(data.length != 0){
			list += '<div id="fav_more_unit" class="tweet_unit" data-theme="a" data-content-theme="a">';
			list += '<div class="more">もっと読み込む</div></div>'
		}
		$("#fav").append(list);
		$("#fav_more_unit").click(function(){
			$("#fav_more_unit").remove();
			initializeFav();
		});
		$("#tweet").hide();
		$("#tweet").slideDown("slow");
	},
	null,
	favId,
	count);
	console.log(favId);
}

$(function(){
	initializeUI(); //UIの初期化
	
});